<template>
    <div class="anli_list">
        <div class="banner">
            <img src="../../static/img/img4.jpg" alt="" style="width:100%">
        </div>
        <div class="row cont" style="padding:80px 0px">
            <div class="col-md-4 anli_box" v-for="item in anli_box">
                <img :src="item.img" alt="">
                <p class="anli_tle">{{item.tle}}</p>
                <p class="anli_txt">{{item.describe}}</p>
            </div>
        </div>
    </div>
</template>
<script>
export default {
  data() {
    return {
      anli_box: [
        {
          tle: "车辆定位器",
          tle_en: "Car Locator",
          describe:'实时监控、实时定位、耗油统计、实时播报',
          img: "../../static/img/anli2.jpg"
        },
        {
          tle: "车辆定位器",
          tle_en: "Car Locator",
          describe:'实时监控、实时定位、耗油统计、实时播报',
          img: "../../static/img/anli2.jpg"
        },
        {
          tle: "车辆定位器",
          describe:'实时监控、实时定位、耗油统计、实时播报',
          tle_en: "Car Locator",
          img: "../../static/img/anli2.jpg"
        },
        {
          tle: "车辆定位器",
          describe:'实时监控、实时定位、耗油统计、实时播报',
          tle_en: "Car Locator",
          img: "../../static/img/anli2.jpg"
        },
        {
          tle: "车辆定位器",
          describe:'实时监控、实时定位、耗油统计、实时播报',
          tle_en: "Car Locator",
          img: "../../static/img/anli2.jpg"
        },
        {
          tle: "车辆定位器",
          describe:'实时监控、实时定位、耗油统计、实时播报',
          tle_en: "Car Locator",
          img: "../../static/img/anli2.jpg"
        }
      ]
    }
  }
}
</script>
<style scoped>
ul li {
  list-style: none;
  color: #5e5e5e;
  cursor: pointer;
  margin: 10px 0px;
  border-bottom: 1px solid #e4e4e4;
  height: 30px;
  font-size: 14px;
  padding-left: 10px;
}
.anli_box {
  padding: 15px;
}
.anli_box img {
  width: 100%;
}
.anli_txt {
  text-align: center;
  color: #666;
}
.anli_tle{
     margin: 10px 0px;
    font-size: 18px;
    text-align: center
}
</style>
